@import url('fancy/jquery.fancybox.css');
article.single-post-content {
    border-radius: 32px;
    /* background: #F5F5F5; */

/* dropshadow/05 */
    /* box-shadow: 0px 1.317px 3.073px -1.317px rgba(24, 39, 75, 0.12), 0px 2.195px 7.024px -0.878px rgba(24, 39, 75, 0.10); */
    padding: 0 48px;
}
/*Start::Listing News*/
.post-content { display: -ms-flexbox; -ms-flex-align: start; align-items: flex-start; margin: 0 auto 30px auto; padding: 0; background: #fff; overflow: hidden; border-radius: 3px; flex: 1 auto; }
.post-col { padding-right: 15px; padding-left: 15px; }
.post-column { flex: auto; }

.row-post { display: flex; flex-wrap: wrap; margin-left: calc(-.5 * 20px); margin-right: calc(-.5 * 20px); }
    .row-post > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-left: calc(20px * .5); padding-right: calc(20px * .5); }
.post-body { padding: 15px 0; flex: 1; }
.post-text { margin-bottom: 0; }
.post-image {margin-right: 15px;margin-left: 0;width: 100%;height: 200px;overflow: hidden;border-radius: 3px;text-align: center;}
.rtl .post-image { margin-right: 0; }
.post-image img {width: 100%;height: 100%;object-fit: cover;border-radius: 3px;transform: scale(1);transition: all 0.5s linear;}
    .post-image img.no-image { width: 100% }

.post-content:hover .post-image img { transform: scale(1.2); }
.list-post { width: 100%; }

.post-body h4 { margin: 0; line-height: 2; font-weight: 800; margin-bottom: 5px; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }



.post-body p { margin: 0; }
.post-meta {display: flex;flex-direction: row;flex-wrap: nowrap;flex: auto;align-items: center;justify-content: flex-start;align-content: center;margin-bottom: 10px;gap: 24px;}

.post-category span a {background: var(--primary);padding: 3px 10px;display: inline-flex;margin-right: 15px;margin-left: 0;border-radius: 3px;color: #fff;}
.rtl .post-category span a { margin-left: 15px; margin-right: 0; }

.post-date span { margin-right: 15px; margin-left: 0; }
.rtl .post-date span { margin-left: 15px; margin-right: 0; }
.post-view-comment span { color: #777; }


/*End::Listing News*/
/*Start:listing last news*/

.title-list { background: #f7fbfc; margin-bottom: 30px; }
    .title-list h4 { margin: 0; padding-right: 10px; border-right: 3px solid; padding: 5px; }
.head-caption { background: #f7fbfc; margin-bottom: 30px; }

    .head-caption h3 { margin: 0; border-right: 3px solid; padding: 5px; }
.listing-mix .listing-modern-grid .item-content { position: relative; overflow: hidden; border-radius: 3px; height: 200px; }


    .listing-mix .listing-modern-grid .item-content img { max-width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.5s linear; }
.listing-type-post:hover .item-content img { transform: scale(1.1); }
.listing-mix .listing-modern-grid .item-content > a { display: block; width: 100%; height: 100%; position: relative; z-index: 0; border-radius: 3px; }


.listing-mix .listing-modern-grid .content-container { margin-bottom: 20px; flex: 1; }

.listing-mix .listing-modern-grid .term-badges { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin-bottom: 15px; margin-top: 10px; }

.listing-mix .listing-modern-grid span.term-badge.term-5 a { padding: 2px 7px; margin-left: 5px; }

.listing-mix .listing-modern-grid h4.title { font-size: 15px; text-align: inherit; text-transform: capitalize; margin: 0 0 10px 0; text-shadow: -1px 1px 3px rgb(0 0 0 / 20%); line-height: 1.4; /* text-align: center !important; */ }
    .listing-mix .listing-modern-grid h4.title a { line-height: 1.6; }
.listing-mix .listing-modern-grid p { line-height: 1.6; }
.listing-mix .listing-modern-grid .post-meta { margin-top: 12px; text-align: center !important; font-size: 11px; }

.listing-mix .listing-modern-grid time.post-published { font-size: 12px; margin-left: 5px; }
.listing-mix .item-inner { display: flex; margin-bottom: 25px; flex-direction: column; }
.listing-mix .title { line-height: 1.1em; }
.listing-mix .listing-thumbnail .featured.featured-type-featured-image { height: 120px; border-radius: 3px; overflow: hidden; }

.listing-mix .title-post h4.title a { line-height: 1.6; font-size: 12px; }

.listing-mix .listing-thumbnail .featured.featured-type-featured-image img { height: 100%; max-width: 100%; /* object-fit: cover; */ border-radius: 3px; transition: all 0.5s linear; }
.item-inner:hover img { transform: scale(1.1); }
.listing-mix .listing-thumbnail time.post-published.updated { font-weight: 400; font-size: 11px; text-transform: none; }

.listing-mix .listing-mix .row-2 { margin-top: 23px; }
.row-2 { margin-top: 30px; }
svg.i-calendar, svg.i-chat { width: 1rem; height: 1rem; margin-left: 2px; }
svg {/* fill: var(--primary1); */}
/*End:listing last news*/






/*Start::view post*/
.post-meta.single-post-meta svg {width: 2rem;height: 2rem;margin-left: 0px;margin-right: 5px}
.rtl .post-meta.single-post-meta svg {margin-left: 8px;margin-right: 0}
.rtl .post-meta.single-post-meta svg path{fill:var(--primary);}

.post-header h2 {text-transform: capitalize;margin-bottom: 30px;margin-top: 0;color: #101828;text-align: right;font-size: 26px;font-style: normal;font-weight: 600;line-height: 58px; /* 122.222% */}

.post-meta-wrap { margin: 15px 0 20px; padding: 0; display: flex; justify-content: space-between; align-items: center; }

span.post-author-name { margin-left: 7px; color: #777; }
.time {color: var(--primary);border-radius: 8px;background: #F2F7FF;display: flex;padding: 4px 8px;justify-content: flex-end;align-items: center;gap: 8px;}

.single-post-meta b { margin-left: 2px; }
.single-featured {text-align: center;display: block;aspect-ratio: 16/9;margin: 0 0 20px;line-height: 0;position: relative;background: #f5f5f5;overflow: hidden;border-radius: 16px;}

    .single-featured img {width: 100%;height: 100% !important;/* border-radius: 16px; */object-fit: contain;}
span.term-badge a {padding: 4px 9px;display: inline-block;line-height: 18px;font-size: 12px;color: var(--primary);font-weight: bold;border-radius: 8px;background: #F2F7FF;}
.post-share {display: flex;align-content: center;justify-content: space-between;align-items: center;margin-bottom: 30px;float: left;margin-top: 26px;}

span.share-handler { background: #f7fbfc; border: solid 1px #e7e7e7; line-height: 30px; display: inline-block; padding: 0 10px 0 5px; border-radius: 3px; font-size: 12px; margin-right: 8px; margin-left: 0; margin-bottom: 9px; vertical-align: top; position: relative; }
.rtl span.share-handler {margin: 0;color: #fff;display: flex;height: 40px;padding: 8px 16px;justify-content: center;align-items: center;gap: 8px;border-radius: 50px;background: var(--primary);cursor: pointer;}
span.share-handler svg { width: 1.5rem; height: 1.5rem; margin: 0 10px 0 5px; }
.rtl span.share-handler svg { margin: 0 5px 0 10px; }
span.social-item.share-link {
    display: flex;
    height: 40px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.share-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* span.share-handler:before, span.share-handler:after { border: solid 6px rgb(0 0 0 / 0%); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; top: 50%; right: -12px; border-left-color: #dbe5e8; margin-top: -6px; } */
/* .rtl span.share-handler:before, .rtl span.share-handler:after { right: auto; left: -12px; border-right-color: #e7e7e7; border-left-color: transparent; } */
/* span.share-handler:after { border: solid 5px rgba(0, 0, 0, 0); border-left-color: #fff; right: -10px; margin-top: -5px; } */
.rtl span.share-handler:after { border-right-color: #f7fbfc; right: auto; left: -10px; }
span.social-item .icon-svg svg {width: 1.5rem;height: 1.5rem;/* border: 1px solid var(--primary1); *//* border-radius: 50%; *//* padding: 5px; */}
.post-share-btn-group .icon-svg svg { width: 1rem; height: 1rem; }
.share-handler-wrap {
    position: relative;
}
.post-share-btn-group .post-share-btn { line-height: 30px; vertical-align: top; border-left-width: 0; border-right-width: 0; color: #000; }
.share-icons {
    opacity: 0;
    visibility: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
    /* left: 0; */
    /* transform: translate(-3rem, 3rem); */
    transition: all 0.2s ease;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.share-icons.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0%, 0);
    /* display: flex; */
    /* left: 50%; */
    /* justify-content: center; */
     */
}

.social-item.share-link button .news-tooltip {
    visibility: hidden;
    background-color: var(--primary);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    width: 55px;
    position: absolute;
    z-index: 1;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .social-item.share-link button {
    position: relative;
    outline: none;
    border: 0;
    background: none;
    padding: 0;
  }
  
  .social-item.share-link button.show-tooltip .news-tooltip {
    visibility: visible;
    opacity: 1;
  }
.post-share-btn:before, .post-share-btn:after { display: inline-block; content: ' '; width: 1px; height: 66%; background: #e7e7e7; position: absolute; top: 17%; }
.post-share-btn:before { left: 0; }
.post-share-btn:after { right: 0; }
.post-share-btn { line-height: 30px; display: inline-block; padding: 0 5px; border-radius: 0; font-size: 12px; vertical-align: top; position: relative; }
    .post-share-btn:first-child { border-radius: 0 3px 3px 0; border-left-width: 1px; }
.post-share-btn-group .icon-svg { margin: 0 5px; }
.post-share-btn-group .number { line-height: 2; margin: 0 5px; }

.post-share-btn:last-child { border-right-width: 1px; }
.post-share-btn.post-share-btn-views:before { display: none; }
span.print-post {display: inline-flex;padding: 4px 8px;justify-content: flex-end;align-items: center;gap: 8px;border-radius: 8px;background: #FFFDF2;}
span.print-post a:link,span.print-post a:visited{
    color: #F78F1E;
}
.post-share-btn-group { border: solid 1px #e7e7e7; border-radius: 3px; overflow: hidden; background: #f7fbfc; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 { color: var(--primary); }
.entry-content p { margin-bottom: 17px; }

.entry-content { line-height: 2; text-align: inherit; text-transform: initial; }

span.terms-label svg { width: 1.2rem; height: 1.2rem; }
.entry-terms.post-tags a:hover { background-color: #e7e7e7 !important; }
.entry-terms.post-tags a {background: #FFFFFF;border: solid 1px #e7e7e7;padding: 1px 9px;display: inline-block;line-height: 20px;margin-right: 3px;font-size: 10px;margin-bottom: 3px;border-radius: 3px;color: var(--primary);}
.entry-summary .blockquote {/* background: #fff; */padding: 15px;margin: 0 0px;font-style: normal;font-size: 12px;}

blockquote.blockquote p { background: #f7fbfc; margin-bottom: 0px; border-left: 2px solid #ff1857; padding: 30px; font-style: normal; font-size: 14px; }
.rtl blockquote.blockquote p { border-right: 2px solid; border-left: none; }
span.terms-label { display: inline-block; line-height: 22px; border: 1px solid #e7e7e7; background: #f7fbfc; font-size: 10px; border-radius: 3px; width: 25px; text-align: center; margin-right: 5px; }
.post-related { position: relative; padding: 20px; border: solid 1px #e7e7e7; border-radius: 3px; margin-top: 50px; background: #f7fbfc; margin-bottom: 50px; }

.title-head { border-bottom: solid 1px #e7e7e7; margin-bottom: 20px; }

    .title-head h3 {margin-top: 0;color: var(--primary);}





.related-image img { width: 100%; border-radius: 3px; object-fit: cover; height: 100%; }



/*End::view post*/
/*Start:files*/
span.file-count { display: flex; font-weight: bold; }

.files-header { padding-top: 20px; display: flex; flex: auto; flex-wrap: wrap; }
    .files-header span { display: flex; flex: auto; flex-wrap: wrap; flex-direction: row; justify-content: center; align-content: center; align-items: center; padding: 5px; }
        .files-header span.btns-file a {display: flex;border: 1px solid;border-radius: 3px;padding: 10px 20px;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: center;align-items: center;flex: auto;color: var(--primary);}

.files-header span.btns-file a:hover {
    background: var(--primary);
    color: #fff;
}
/*End:files*/
/*Start:Images Related*/
.col-images {
        flex: 0 0 auto;
        width: 16.66666667%
}

.item-related-images {box-shadow: 0 0 3px 1px #dfdfdf8c;padding: 10px;text-align: center;margin-bottom: 20px;}


.item-related-images img {
    height: 80px;
    width: auto;
    max-width: 100%;
}

.post-related-images {
    margin-top: 50px;
}
/*End:Images Related*/
/*Start::Related*/
.wrap-related .post-content { flex-direction: column; background: none; }
.wrap-related .post-body { padding: 0; }
    .wrap-related .post-body h4 { font-size: 13px; }

/*End::Related*/
/*Images LightBox*/
.view-news .view-photos { margin: 0 0 20px 0; }
    .view-news .view-photos h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
        .view-news .view-photos h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }
    .view-news .view-photos ul { margin: 0; }
        .view-news .view-photos ul li { display: inline-block; margin: 0 0 9px 7px; border: 1px solid #888; position: relative; overflow: hidden; }
            .view-news .view-photos ul li:hover a i { opacity: 1; visibility: visible; }
            .view-news .view-photos ul li i { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; opacity: 0; visibility: hidden; position: absolute; z-index: 2; top: 50%; color: #fff; left: 50%; margin-left: -16px; margin-top: -18px; font-size: 16px; background: #888; width: 35px; height: 35px; border-radius: 50%; text-align: center; padding: 8px 0 0 0; }
            .view-news .view-photos ul li:hover img { opacity: 0.8; }
            .view-news .view-photos ul li img { background-color: #010101; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; width: 100%; height: 70px; }
#sb-body-inner img { position: relative !important; }
#sb-title { background: rgba(0,0,0,0.55); padding: 0 5px; }
#sb-info-inner { background: rgba(0,0,0,0.55); }
/*News Post*/

/*Start::form comment*/

.comments-template { margin-top: 50px; margin-bottom: 30px; }

.note-before { margin-bottom: 15px; text-align: center; }
.post-comment .sb { margin-bottom: 15px; }
.ctrl-captcha-manage { position: relative; }
    .ctrl-captcha-manage img.imgCaptcha { position: absolute; left: 11px; top: 1px; z-index: 99; max-width: 100%; max-height: 39px; }
a.refresh-captcha { position: absolute; top: 1px; right: 0; z-index: 9; width: 39px; background: #f7fbfc; height: 39px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; border-left: 1px solid #e7e7e7; }
.parComment input[type="text"], .ctrl-captcha-manage input[type="text"] { border-radius: 3px; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; border: solid 1px #e7e7e7; width: 100%; text-align: right; }
.ctrl-captcha-manage input[type="text"] { text-align: left; padding-left: 160px; font-size: 13px; font-weight: bold; }
    .parComment input[type="text"]:focus, .ctrl-captcha-manage input[type="text"]:focus { box-shadow: none; }
.post-comment .txtComment textarea { resize: vertical; height: 150px; min-height: 40px; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; width: 100%; border: solid 1px #e7e7e7; padding: 18px 12px; }
.parComment input[type="button"] { outline: 0; font-size: 13px; font-weight: 500; text-transform: uppercase; display: inline-block; background: #E2E2E2; color: #111; padding: 14px 25px; border: none; cursor: pointer; font-weight: 500; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; /* width: 100%; */ border: 2px solid #111; }
p.parComment.col-sm-12 { text-align: left; }
.notiComment input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: middle; }
.rtl .notiComment input[type="checkbox"] { margin: 0 0 0 5px; }
.parComment .label-input { display: none; }
.post-comment .captcha-input { clear: both; padding: 0 15px; position: relative; margin: 8px 0 10px 0; }
    .post-comment .captcha-input > div { display: none; }
    .post-comment .captcha-input > img { position: absolute; left: 17px; top: 2px; }
    .post-comment .captcha-input > input { float: right; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; border: 2px solid #E2E2E2; width: 100%; }
.form-submit input[type="button"] {border-radius: 3px;outline: 0;height: auto;line-height: 1.4;padding: 10px 60px;vertical-align: middle;text-transform: uppercase !important;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;max-width: 100%;white-space: normal;background-color: #f7fbfc !important;color: var(--primary1);border: 1px solid;}
    .form-submit input[type="button"]:hover { opacity: 0.8; }
.notiComment { margin-top: 15px; }
.form-footer { display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }
/*End::form comment*/
/*Start::Comments*/
.single-comment { display: flex; justify-content: space-between; align-content: center; }

.edit-comment { display: flex; }

    .edit-comment span { margin-right: 10px; }

        .edit-comment span a { border: 1px solid; padding: 0 10px; border-radius: 3px; display: flex; }

.comment-list { margin-bottom: 45px; transition: all 0.5s linear; }

.user-comment { display: flex; justify-content: space-between; align-items: flex-start; }

.desc-user h5 { margin: 0; line-height: normal; }

.thumb-user svg { width: 4rem; height: 4rem; }

.thumb-user { margin-left: 15px; }

.desc-user p.date-comment { font-size: 12px; color: #b3b3b3; margin-bottom: 5px; }

/*End::Comment*/
/*related hover*/
.related-image { position: relative; float: left; overflow: hidden; margin: 10px 1%; width: 100%; background: #000000; text-align: center; }
    .related-image i { position: absolute; top: 50%; left: 50%; border-radius: 50%; font-size: 34px; color: #000000; width: 60px; height: 60px; line-height: 60px; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045); }
    .related-image a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; }
    .related-image:hover img { opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    .related-image:hover i { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
/*search news*/
.box-news-search { padding: 15px 0; background: #F5F5F5; margin: 0 0 10px 0; }
.box_search { position: relative; padding: 0 15px; }
input.input_search { border: none; padding: 0 10px 0 0; box-shadow: 0px 2px 3px 0px rgba(101, 97, 94, 0.13); background: #fff; width: 100%; vertical-align: top; box-sizing: border-box; height: 35px; border-radius: 3px; }
    input.input_search:focus { box-shadow: 0 0 8px #F4F3F3; outline: none; }
.btn_search { display: block; position: absolute; left: 25px; top: 0px; height: 35px; width: 17px; padding: 0; border: none; box-shadow: none; webkit-box-shadow: none; overflow: hidden; text-indent: -99999px; background: url(images/search_icon.png) no-repeat 0px 10px; z-index: 1001; cursor: pointer; }
.box-news-search h1 { margin: 0px 0 15px 0; font-size: 16px; padding: 0 15px 0 0; color: #555; }
/*Start::Archive*/
.mt-30 { margin-top: 30px; }
.list-archive { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 6px; border: 1px solid #f9f9ff; border-radius: 3px; margin-bottom: 5px; transition: all 0.3s linear; }
    .list-archive:hover { background: #f9f9ff; }
span.text-archive { flex: auto; border-left: 1px solid #f9f9ff; }

span.count-archive { padding-right: 10px; padding-left: 4px; }
/*End::Archive*/
/*Start:pagination*/
ul.pagination li a {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 0 15px;
}

ul.pagination li.active a {
        z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

ul.pagination {
    align-items: center;
    justify-content: center;
}
/*End:pagination*/

/*Start:copy*/
    .copy-text { position: relative; padding: 5px; background: #f7fbfc; border: 1px solid #e7e7e7; border-radius: 3px; display: flex; flex-direction: row-reverse;     align-items: center;}

        .copy-text input.copy-value { padding: 5px; font-size: 12px; color: #555; border: none; outline: none; background: none; width: 100%; text-align: left; }

        .copy-text button {position: relative;padding: 5px;background: var(--primary1);border: none;outline: none;border-radius: 3px;cursor: pointer;}

            .copy-text button svg { fill: #fff; }

            .copy-text button:active { background: #c04afd; }
            .copy-text button:before { content: "کپی شد"; position: absolute; top: -40px; right: -15px; display: block; width: 55px; background: #a400f8; color: #fff; padding: 5px 0; border-radius: 50px; font-size: 12px; display: none; }

            .copy-text button:after { content: ""; position: absolute; top: -20px; right: 30%; width: 10px; height: 10px; background: #a400f8; transform: translate(0,0px) rotate(45deg); display: none; }
        .copy-text.active button:before,
        .copy-text.active button:after { display: block; }
.short-link {
    display: flex;
    justify-content: flex-end;
}
/*start:copy*/

@media (max-width:425px) {
    .post-meta { flex-direction: column; flex-wrap: wrap; align-items: stretch; align-content: flex-start; }
    .post-share { flex-direction: column; }
}

@media (max-width:600px) {
    .post-body h4 { font-size: 14px }
    .post-body p { font-size: 12px }
    .listing-mix .listing-modern-grid h4.title { font-size: 14px }
    .listing-mix .listing-modern-grid p { font-size: 12px }
    .listing-mix .title-post h4.title a { font-size: 14px; }
}

@media (min-width: 300px) {
    .listing-mix .listing-thumbnail .featured.featured-type-featured-image { height: 200px; }
}

@media (min-width: 360px) {
    .wrap-related .post-col { flex: 0 0 auto; width: 100%; }
    .wrap-related .post-content { width: auto; margin-bottom: 15px; }
    .post-content { margin: 0 auto 30px auto; border: none; width: 315px; }
    .listing-type-post { margin: 0 auto 30px auto; border: none; width: 315px; }
    .has-post-thumbnail { margin: 0 auto 30px auto; border: none; width: 315px; }
}

@media (min-width: 460px) {
    .post-content { margin: 0 auto 30px auto; width: 100%; }
    .post-col { flex: 0 0 auto; width: 50%; }
    .post-comment .post-col { width: 100%; }
    .post-text { margin-bottom: 15px; min-height: 202px; }

    .wrap-related .post-col { flex: 0 0 auto; width: 50%; }
        .wrap-related .post-col .post-text { min-height: 100%; }
    .post-body { padding: 15px 0 }
    .has-post-thumbnail { width: 100%; }
    .has-post-thumbnail { margin: 0 auto 30px auto; border: none; width: 315px; }

    .listing-thumbnail.post-col { width: 100%; }
}

@media (min-width:600px) {
    .post-comment .post-col-6 { width: 50%; }
    .has-post-thumbnail { border: none; width: 100%; margin: 0; }
    .listing-type-post { display: flex; width: 100%; }
    .listing-mix .listing-modern-grid .item-content { width: 260px; }
    .listing-mix .listing-modern-grid .content-container { padding: 0 15px }
    .listing-mix .listing-modern-grid .term-badges { margin-top: 0 }
    .listing-mix .item-inner { display: flex; margin-bottom: 25px; flex-direction: row; }
    .listing-mix .listing-thumbnail .featured.featured-type-featured-image { width: 260px; }
    .title-post { flex: 1; padding: 0 15px; }
    .listing-mix .title-post h4.title { margin-top: 0 }
        .listing-mix .title-post h4.title a { font-size: 18px; }
    .post-column { flex: 1 0 0%; }
    .form-footer { display: flex; flex-direction: row; align-items: center; }
}

@media (min-width: 700px) {

    .post-col { flex: 0 0 auto; width: 100%; }
    .post-content { margin-bottom: 30px; display: flex; }
    .post-text { min-height: 100%; }
    .post-image { width: 260px; }
    .post-body { padding: 0 15px }

    .wrap-related .post-content { display: flex; margin-bottom: 15px; flex-direction: row; }
    .wrap-related .post-col { flex: 0 0 auto; width: 100%; }
    .wrap-related .post-content .post-body h4 { font-size: 18px; }
    .wrap-related .post-col .post-text { min-height: 100%; padding-right: 15px; }
}

@media (min-width: 870px) {

    .post-col { flex: 0 0 auto; width: 33.33333333%; }
    .post-content { display: flex; flex-direction: column; }
    .post-image { width: 100%; margin: 0; }
    .rtl .post-image { width: 100%; margin: 0; }
    .post-text { margin-bottom: 15px; }

    .post-body { padding: 15px 0 }
    .wrap-related .post-content { display: flex; margin-bottom: 15px; flex-direction: column; }
    .wrap-related .post-col { flex: 0 0 auto; width: 33.33333333%; }
        .wrap-related .post-col .post-text { min-height: 100%; }
}

@media (min-width: 992px) {
    .post-col { flex: 0 0 auto; width: 100%; }
    .post-content { display: flex; flex-direction: row; }
    .post-image { width: 260px; }
    .rtl .post-image { width: 260px; }
    .post-body { padding: 0 15px }
    .listing-type-post { display: flex; width: 100%; flex-direction: column; }
    .listing-mix .listing-modern-grid .item-content { width: 100%; height: 100%; }
    .listing-mix .listing-modern-grid .term-badges { margin-top: 10px }
    .listing-mix .listing-modern-grid .content-container { padding: 15px 0px 0px; margin-bottom: 0; }
    .listing-mix .item-inner { flex-direction: column; }
    .listing-mix .listing-thumbnail .featured.featured-type-featured-image { width: 100%; margin-bottom: 15px; height: auto; }
    .title-post { padding: 0px; }
    .listing-mix .title-post h4.title a { font-size: 15px; }
    .title-list { margin-top: 0px; }
}

@media (min-width: 1200px) {
    .post-col { width: 100%; flex: 0 0 auto; }
    .post-content { display: flex; }
    .post-image { width: 330px; margin-right: 15px; margin-left: 0; }
    .rtl .post-image { width: 330px; margin-left: 15px; margin-right: 0; }
    .post-text { margin-bottom: 0; }
    .listing-thumbnail.post-col { width: 50%; flex: 0 0 auto; }
    .wrap-related .post-col .post-text { padding-right: 0px; }
}